import React from 'react';
import { Dialog } from '@mui/material';
import IconButton from '@mui/material/IconButton';
import Close from '@mui/icons-material/Close';
import { DialogProps } from '@mui/material/Dialog';
// import { DocumentViewer } from 'pfw-dve-frontend-app';

import styles from './index.module.scss';
interface IDialogPropsProps extends Omit<DialogProps, 'content'> {
  title: string;
  dveDocData: string;
  onCancel: (event) => void;
}
const dveCtrlInput = {
  ctrlCustomBtn: 'N',
  ctrlNextPage: 'Y',
  ctrlPageJump: 'Y',
  ctrlPrevPage: 'Y',
  ctrlPrint: 'Y',
  ctrlRotate: 'N',
  ctrlZoomIn: 'Y',
  ctrlZoomOut: 'Y',
  customBtnHeight: '',
  customBtnImg: '',
  customBtnWidth: '',
  headerBgColor: '#e6e6e6',
  headerTxtColor: '#fff',
  prtQuality: 'STANDARD'
};
const dveExtraCtrlInput = {
  prtOrientation: 'PORTRAIT'
};
const PdfDialog: React.FC<IDialogPropsProps> = ({ dveDocData, onCancel, title, ...props }) => (
  <Dialog fullScreen {...props}>
    <div className={styles.header}>
      <div style={{ fontWeight: 'bold', fontSize: 12 }}>{title}</div>
      <IconButton aria-label="close" size="small" onClick={onCancel}>
        <Close fontSize="small" />
      </IconButton>
    </div>
    {/* {dveDocData && (
      <DocumentViewer dveCtrlInput={dveCtrlInput} dveExtraCtrlInput={dveExtraCtrlInput} dveDocData={dveDocData} />
    )} */}
  </Dialog>
);
export default PdfDialog;
